$font-colorTop: #07a1e4;
$font-colorNav: #f8cc04;
$font-colorThree: #5ef5f9;
$font-sizeS: 16px;
$font-sizeM: 18px;

.box {
  .box-title {
    margin-left: 18px;
    margin-top: 5px;
    font-size: $font-sizeM;
    color: $font-colorThree;
  }

  .box-tab {
    p {
      color: $font-colorThree;
      font-size: $font-sizeM;
      margin-left: 18px;
      margin-bottom: 0px;
    }
    td {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      font-size: $font-sizeS;
      padding-left: 18px;
      padding-top: 7px;
    }
    thead > tr > td {
      color: $font-colorTop;
    }
    i {
      font-style: normal;
    }
    .logo {
      width: 23px;
      height: 23px;
      vertical-align: bottom;
    }
    .warning {
      color: $font-colorNav;
    }
    .error {
      color: $font-colorNav;
    }
    .waringImg {
      width: 25px;
      height: 20px;
      margin-left: 10px;
      vertical-align: text-top;
    }
  }
}

